<template>
  <view id="areaList">
      <view class="area-list">
			<view class="areaItem" v-for="(item,i) in areaListArr" :key="i">
				{{item[1]}}
			</view>
						
	
	</view>
  </view>
</template>

<script>
export default {
    data(){
        return{
            areaListArr:[]
        }
    },
    created(){
        this.areaList()
    },
    methods:{
        areaList(){//获取区域列表
				this.$store.dispatch("areaList").then(res=>{
					if(res.code==1){
						this.areaListArr = Object.entries(res.data.area_list)
						// this.areaListArr2 = Object.entries(res.data.area_list).splice(0,6);
						// console.log(this.areaListArr)
					}
				})
			},
    }
}
</script>

<style lang="scss" scoped>
#areaList{
    padding: 20rpx;
    .area-list{
		.areaItem{
			line-height: 60rpx;
			font-size: 28rpx;;
			color: #010101;
        }
    }
}
</style>